$(() => {
  let maxData = [100];    //  进度条的最大值
  let s_fontSize = 14;    //  小图字体大小
  let b_fontSize = 25;    //  大图字体大小
  let s_offset=[44, 25];         //  小图字体偏移量
  let b_offset=[80, 20];      //  大图字体偏移量

  let barPic_cc = echarts.init(document.getElementById('faultRate_cc'));
  let barPic_dl = echarts.init(document.getElementById('faultRate_dl'));
  let barPic_sjz = echarts.init(document.getElementById('faultRate_sjz'));
  let barPic_bt = echarts.init(document.getElementById('faultRate_bt'));
  let barPic_qhh = echarts.init(document.getElementById('faultRate_qhh'));
  let barPic_nt = echarts.init(document.getElementById('faultRate_nt'));
  let barPic_gz = echarts.init(document.getElementById('faultRate_gz'));
  let barPic_nn = echarts.init(document.getElementById('faultRate_nn'));
  let barPic_hlbe = echarts.init(document.getElementById('faultRate_hlbe'));
  let barPic_dh = echarts.init(document.getElementById('faultRate_dh'));

  let sbarPic_cc = echarts.init(document.getElementById('centerFaultRate_cc'));
  let sbarPic_dl = echarts.init(document.getElementById('centerFaultRate_dl'));
  let sbarPic_sjz = echarts.init(document.getElementById('centerFaultRate_sjz'));
  let sbarPic_bt = echarts.init(document.getElementById('centerFaultRate_bt'));
  let sbarPic_qhh = echarts.init(document.getElementById('centerFaultRate_qhh'));
  let sbarPic_nt = echarts.init(document.getElementById('centerFaultRate_nt'));
  let sbarPic_gz = echarts.init(document.getElementById('centerFaultRate_gz'));
  let sbarPic_nn = echarts.init(document.getElementById('centerFaultRate_nn'));
  let sbarPic_hlbe = echarts.init(document.getElementById('centerFaultRate_hlbe'));
  let sbarPic_dh = echarts.init(document.getElementById('centerFaultRate_dh'));

  let faultRateData_cc = {
    1: [10]     //  只有一个值得数组
  };

  let faultRateData_dl = {       //
    1: [20]
  };

  let faultRateData_sjz = {       //
    1: [30]
  };

  let faultRateData_bt = {       //
    1: [40]
  };

  let faultRateData_qhh = {       //
    1: [50]
  };

  let faultRateData_nt = {       //
    1: [60]
  };

  let faultRateData_gz = {       //
    1: [70]
  };

  let faultRateData_nn = {       //
    1: [80]
  };

  let faultRateData_hlbe = {       //
    1: [90]
  };

  let faultRateData_dh = {       //
    1: [100]
  };
  // console.log(faultRateData_cc[1][0]);   //  故障率的值
  // let timeLineData = [1];


  let Option_cc = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },

          symbolRepeat: true,
          symbolSize: 14,     //  暗色方块大小
          data: maxData,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_cc[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_cc[1],
        }
      ]
    },
    options: []
  };
  let Option_dl = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_dl[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_dl[1],
        }
      ]
    },
    options: []
  };
  let Option_sjz = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_sjz[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_sjz[1],
        }
      ]
    },
    options: []
  };
  let Option_bt = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_bt[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_bt[1],
        }
      ]
    },
    options: []
  };
  let Option_qhh = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_qhh[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_qhh[1],
        }
      ]
    },
    options: []
  };
  let Option_nt = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_nt[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_nt[1],
        }
      ]
    },
    options: []
  };
  let Option_gz = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_gz[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_gz[1],
        }
      ]
    },
    options: []
  };
  let Option_nn = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_nn[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_nn[1],
        }
      ]
    },
    options: []
  };
  let Option_hlbe = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_hlbe[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_hlbe[1],
        }
      ]
    },
    options: []
  };
  let Option_dh = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 14, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_dh[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: s_fontSize,
              },
              offset: s_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 14,
          data: faultRateData_dh[1],
        }
      ]
    },
    options: []
  };

  barPic_cc.setOption(Option_cc);
  barPic_dl.setOption(Option_dl);
  barPic_sjz.setOption(Option_sjz);
  barPic_bt.setOption(Option_bt);
  barPic_qhh.setOption(Option_qhh);
  barPic_nt.setOption(Option_nt);
  barPic_gz.setOption(Option_gz);
  barPic_nn.setOption(Option_nn);
  barPic_hlbe.setOption(Option_hlbe);
  barPic_dh.setOption(Option_dh);

  let sOption_cc = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },

          symbolRepeat: true,
          symbolSize: 30,     //  暗色方块大小
          data: maxData,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_cc[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_cc[1],
        }
      ]
    },
    options: []
  };
  let sOption_dl = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_dl[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_dl[1],
        }
      ]
    },
    options: []
  };
  let sOption_sjz = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_sjz[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_sjz[1],
        }
      ]
    },
    options: []
  };
  let sOption_bt = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_bt[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_bt[1],
        }
      ]
    },
    options: []
  };
  let sOption_qhh = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_qhh[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_qhh[1],
        }
      ]
    },
    options: []
  };
  let sOption_nt = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_nt[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_nt[1],
        }
      ]
    },
    options: []
  };
  let sOption_gz = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_gz[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_gz[1],
        }
      ]
    },
    options: []
  };
  let sOption_nn = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_nn[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_nn[1],
        }
      ]
    },
    options: []
  };
  let sOption_hlbe = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_hlbe[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_hlbe[1],
        }
      ]
    },
    options: []
  };
  let sOption_dh = {
    baseOption: {
      timeline: {
        show: false,
        top: 0,
        data: [1]
      },
      grid: [{
        show: false,
      }, {
        show: false,
        width: '70%'
      }],
      xAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
      }],
      yAxis: [{
        gridIndex: 0,
        axisLine: {
          show: false
        }
      }, {
        gridIndex: 1,
        type: 'category',
        // inverse: true,
        // position: 'center',
        axisLine: {
          show: false
        },
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false,
        },
        // max: 100,
        data: ['故障率']
      }],
      series: [
        {
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          itemStyle: {
            normal: {
              color: 'rgba(165,65,55,0.49)'
            }
          },
          // barWidth: 10,
          symbolRepeat: true,
          symbolSize: 30, //  暗色方块大小
          data: maxData,
          // barGap: '-100%',
          // barCategoryGap: 0,
          label: {
            normal: {
              show: true,
              formatter: (series) => {
                return faultRateData_dh[1][series.dataIndex] + '%'
              },
              position: 'insideTopRight',
              textStyle: {
                color: '#ffffff',
                fontSize: b_fontSize,
              },
              offset: b_offset,    //  调整百分比数字的位置
            }
          },
          z: -100,
        }, {
          name: '2018',
          type: 'pictorialBar',
          xAxisIndex: 1,
          yAxisIndex: 1,
          symbol: 'rect',
          // barWidth: 10,
          itemStyle: {
            normal: {
              barBorderRadius: 5,
              color: '#ff0c13'
            }
          },
          symbolRepeat: true,
          symbolSize: 30,
          data: faultRateData_dh[1],
        }
      ]
    },
    options: []
  };

  sbarPic_cc.setOption(sOption_cc);
  sbarPic_dl.setOption(sOption_dl);
  sbarPic_sjz.setOption(sOption_sjz);
  sbarPic_bt.setOption(sOption_bt);
  sbarPic_qhh.setOption(sOption_qhh);
  sbarPic_nt.setOption(sOption_nt);
  sbarPic_gz.setOption(sOption_gz);
  sbarPic_nn.setOption(sOption_nn);
  sbarPic_hlbe.setOption(sOption_hlbe);
  sbarPic_dh.setOption(sOption_dh);

  $('#rtClick').on('click', function () {
    $('#rt').addClass('centerShow');
    $('#cesiumContainer,#lt,#lb,#rb').removeClass('centerShow');
    setTimeout(sbarPic_cc.resize, 0);
    setTimeout(sbarPic_dl.resize, 0);
    setTimeout(sbarPic_sjz.resize, 0);
    setTimeout(sbarPic_bt.resize, 0);
    setTimeout(sbarPic_qhh.resize, 0);
    setTimeout(sbarPic_nt.resize, 0);
    setTimeout(sbarPic_gz.resize, 0);
    setTimeout(sbarPic_nn.resize, 0);
    setTimeout(sbarPic_hlbe.resize, 0);
    setTimeout(sbarPic_dh.resize, 0);
  })
});